<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>有乐互娱</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/weui.css" rel="stylesheet">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/icon108/mmiconfont.css" rel="stylesheet">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/wap.css" rel="stylesheet">
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/jquery/jquery-3.1.1.min.js"></script>
<!-- <script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/layer.js"></script> -->
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/need/layer.css?2.0" type="text/css" rel="styleSheet" id="layermcss">
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/js/common.js"></script>
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.ext.js"></script>


<style>
  .index-box-title {
	text-align: left
} 

.discount {
	font-size: 14px;
	color: #f6ac56
} 
 .layui-layer {
	 width: 80%; 
	top: 50% !important;
	left: 10% !important;
	transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
} 
</style>
</head>
<body>
	<div class="main-box">
		<!--图片轮播-->
		<div id="focus" class="focus" style="">
			<div class="hd">
				<ul>
					<li class="on">1</li>
					<li class="">2</li>
					<!-- <li class="">3</li>
					<li class="">4</li> -->
				</ul>
			</div>
			<div class="bd">
				<div class="tempWrap" style="overflow: hidden; position: relative;">
					<ul
						style="width: 1440px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translate(0px, 0px) translateZ(0px);">
						<li
							style="display: table-cell; vertical-align: top; width: 360px;">
							<a href="index.html"> <img
								src="${pageContext.request.contextPath}/images/binyou/lb_01.jpg">
						</a>
						</li>
						<li
							style="display: table-cell; vertical-align: top; width: 360px;">
							<a href="index.html"> <img
								src="${pageContext.request.contextPath}/images/binyou/lb_02.jpg">
						</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function() {
				$('.focus').show();
				TouchSlide({
					slideCell : "#focus",
					titCell : ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					mainCell : ".bd ul",
					effect : "left",
					autoPlay : true,//自动播放
					autoPage : true, //自动分页
					switchLoad : "_src" //切换加载，真实图片路径为"_src"
				});
			})
		</script>
		<!--投诉-->
		<div class="index-box">
			<div class="index-box-title">
				<div class="title-logo">
					<img
						src="http://jujin.oss-cn-shenzhen.aliyuncs.com/uploads/images/20170307/7f9306fea0c8a30a3b91eea59b7c9c0a.png"
						width="100%"  >
				</div>
				我的投诉
			</div>
			<div class="index-box-body">
				<ul class="index-list goods">
					<li class="index-item line_bottom">
						<div class="index-item-body">
						 	<!-- <span style="border:none;padding: 0.5rem;">投诉信息</span> -->
						 	<textarea id="advice" cols="43" rows="4" name="advice" placeholder="请填写投诉内容"></textarea>
						 	
							<!-- <input type="text" id="advice" name="advice" placeholder="请填写投诉信息" style="border: none;width: 70%;background-color: #FFFFFF">
							 -->
						</div>
					</li> 
					<li class="index-item line_bottom">
					<div class="down">
								<a id="usersave" onclick="addAgentCheck()" href="javascript:;" data-msg=""
									class="weui-btn weui-btn_primary">提交</a>
						</div>
						<div class="index-item-body">
    					</div>
					</li>
				</ul>
			</div>
			
		</div>
	</div>
	

<style>
.weui-tabbar__label {
	font-size: 14px;
}
</style>
	<div style="height: 50px;"></div>
	<div class="weui-tabbar" id="isweixinDiv">
		<a href="index.html" class="weui-tabbar__item" id="tabbar-Index-index"> <span
			style="display: inline-block; position: relative;"> <img
				src="${pageContext.request.contextPath}/images/binyou/1.png"
				alt="" class="weui-tabbar__icon">
		</span>
			<p class="weui-tabbar__label">游戏</p>
		</a>
		<a href="mall_list.html"
			class="weui-tabbar__item" id="tabbar-Shop-inde">
			<img src="${pageContext.request.contextPath}/images/binyou/2.png"
			alt="" class="weui-tabbar__icon">
			<p class="weui-tabbar__label">充值</p>
		</a> 
		<a href="player.html" class="weui-tabbar__item weui-bar__item_on"
			id="tabbar-My-index"> <img
			src="${pageContext.request.contextPath}/images/binyou/4.png"
			alt="" class="weui-tabbar__icon">
			<p class="weui-tabbar__label">个人中心</p>
		</a>
	</div>
	
	<script>
		$(function() {
			var ua = navigator.userAgent.toLowerCase();
		    if (ua.match(/MicroMessenger/i) == "micromessenger") {
		        //return true;
		    } else {
		    	//$("#isweixinDiv").css("display", "none");  
		    }
			
			var controller = "Shop";
			var action = "index";
			$('#tabbar-' + controller + '-' + action).addClass('weui-bar__item_on');			
		});
				
		
		var msg='${msg}';
		if(msg){
	   		layer.msg(msg);
	   	}
		
		function addAgentCheck(){
			if(msg){
		   		layer.msg(msg);
		   		return;
		   	} 
			$('#usersave').attr('disabled',"true"); //添加disabled属性 
			var advice = $("#advice").val();
			if(advice==""){
				layer.alert("请填写建议信息");
				return;
			}
			
			$.ajax({
	             type: "POST",
	             url: "${pageContext.request.contextPath}/wechat/add_advice_message.html",
	             data: {"msg":advice, "type":2},
	             dataType: "json",
	             success: function(data){
	            	 $('#usersave').removeAttr("disabled");  //移除disabled属性 
						layer.alert(data.message);
						if(data.statusCode =='200'){
							setTimeout("addAgentCancel()",2000);
						}
	             },
	             error: function() {
	            	 layer.alert("服务器异常，请联系管理员");
	             }
			});
			
		}
	</script>

</body>
</html>